.product-list {
  margin-top: 20rpx;
  margin-bottom: 20rpx;
  box-sizing: border-box;
  color: #42475f;

  .product-item-container {
    position: relative;
    padding: 0 30rpx;
    margin-bottom: 24rpx;
    background: #ffffff;
    border-radius: 12rpx;

    .header {
      padding: 20rpx 0;
      display: flex;
      border-bottom: 1rpx solid #f5f5f5;
      font-size: 32rpx;

      .left {
        flex: 2;
        font-weight: bold;
        line-height: 60rpx;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .cover-image {
        width: 120rpx;
        height: 120rpx;
      }
    }

    .body {
      padding: 20rpx 20rpx 20rpx 0;
      display: flex;
      align-items: center;

      .overview {
        display: flex;
        flex-direction: column;
        flex: 2;

        .row {
          font-size: 28rpx;
          font-weight: 500;
          line-height: 88rpx;
          height: 88rpx;
          display: flex;
          justify-content: space-between;

          .label {
            width: 220rpx;
          }
        }
      }
    }

    .footer {
      display: flex;
      align-items: center;
      height: 108rpx;

      .feature-wrapper {
        flex: 1;
        display: flex;
        margin-right: 40rpx;

        .feature {
          padding: 0 16rpx;
          color: rgba(81, 92, 195, 1);
          background: rgba(235, 237, 249, 1);
          border-radius: 8rpx;
          font-size: 24rpx;
          height: 44rpx;
          line-height: 44rpx;
          margin-right: 20rpx;
        }
      }

      .detail-button {
        width: 150rpx;
        display: inline-block;
        height: 70rpx;
        line-height: 70rpx;
        font-size: 24rpx;
        background: #515cc3;
        border-radius: 10rpx;
        color: #fff;
        font-weight: bold;
        margin: 0;
      }
    }
  }
}
.pc-product-list {
  background-color: #fff;
  ::v-deep .uni-scroll-view-content {
    display: flex;
    padding: 20px;
    box-sizing: border-box;
    .product-item-container {
      flex: 1;
      &:last-child .body {
        border-right: 0;
      }
      .header {
        padding: 20rpx 0;
        display: flex;
        border-bottom: 1rpx solid #f5f5f5;
        text-align: center;
        font-size: 22px;
        .left {
          flex: 2;
          font-weight: bold;
          line-height: 60rpx;
          display: flex;
          flex-direction: column;
          justify-content: center;
        }

        .cover-image {
          width: 120rpx;
          height: 120rpx;
        }
      }
      .body {
        padding: 20rpx 20rpx 20rpx 0;
        display: flex;
        align-items: center;
        border-right: 1px solid #ccc;
        .overview {
          display: flex;
          flex-direction: column;
          flex: 2;

          .row {
            font-size: 18px;
            font-weight: 500;
            line-height: 88rpx;
            height: 88rpx;
            // display: flex;
            // justify-content: space-between;
            padding-left: 20px;
            padding-right: 20px;
            .label {
              width: 220rpx;
              display: inline-block;
            }
            .value {
              display: inline-block;
              float: right;
            }
          }
        }
      }

      .footer {
        display: flex;
        align-items: center;
        height: 108rpx;

        .feature-wrapper {
          flex: 1;
          display: flex;
          margin-right: 40rpx;

          .feature {
            padding: 0 16rpx;
            color: rgba(81, 92, 195, 1);
            background: rgba(235, 237, 249, 1);
            border-radius: 8rpx;
            font-size: 24rpx;
            height: 44rpx;
            line-height: 44rpx;
            margin-right: 20rpx;
          }
        }

        .detail-button {
          width: 150rpx;
          display: inline-block;
          height: 70rpx;
          line-height: 70rpx;
          font-size: 24rpx;
          background: #515cc3;
          border-radius: 10rpx;
          color: #fff;
          font-weight: bold;
          margin: 0;
        }
      }
    }
  }
}

.radar-chart-wrapper {
  background: #fff;
  height: 1400rpx;
  margin-bottom: 20rpx;
  border-radius: 12rpx;

  .charts {
    width: 1400rpx;
    height: 1400rpx;
    margin: auto;
  }
}

.pc-radar-chart-wrapper {
  background: #fff;
  height: 1400rpx;
  margin-bottom: 20rpx;
  border-radius: 12rpx;

  .charts {
    width: 1400rpx;
    height: 1400rpx;
    margin: auto;
  }
}
